Chris Blakely
5.63K subscribers
Subscribed
In this react movie app tutorial we'll build a movie app from scratch, getting data from a real API and saving to local storage 🚨 For more projects check out https://reactbeginnerprojects.com 🚨 LINKS: Finished Code: https://github.com/chrisblakely01/rea... OMDB API: http://www.omdbapi.com/ Postman: https://www.postman.com/downloads/ Bootstrap Icons: https://icons.getbootstrap.com/ 🚨 Chapters: 0:00 What we're building 0:17 Get an API key 0:56 Exploring the API request/response 1:48 Create a react project & add bootstrap 2:10 Adding movies to state 3:09 Displaying the list of movies 6:12 Adding scroll effect 9:10 Call the API from React 22:53 Adding hover effect and favourites icon 29:00 Saving favourites 34:00 Removing favourites 37:42 Saving to local storage 40:04 Retrieving from local storage on load 🚨 Come say Hello! Blog: https://www.jschris.com/contact Twitter: https://twitter.com/chrisblakely01 Email: hello@jschris.com
 Show less
1. Use snippets for creating react components. 2. You can use emmet in jsx. 3. Use destructure of props.
10
Hi Chris, thanks for your tutorials and articles ! I am a freshly graduated engineer in electrical engineering from France and self-taught full-stack web developer, now focusing on front-end to start a new job as a junior FE developer :-) ! I just wanted to let you know that what you are doing really help me to better understand front-end development and grasp the different concepts ! Thanks again 💪👏
8
Thanks for such an IDEAL tutorial. I have a task to do for my job and it's very similar to this one. I learned a lot of new technologies and gained a huge amount of knowledge thanks to you, Chris. I wish you Health and Happiness!
great vid, as a beginner in react this answered so many of my questions. keep it up
Great video, just one suggestion, maybe it's better you slow down in some parts. But it's amazing what you have to share. Thank you :)
3
I needed this, thank you for explaining so well!
3
Love the video! I've learnt a lot! Thank you very much for that. You've got a new subscriber now. Great content! Please, keep it up! :)
Hello Chris! Thanks for your tutorials, you are doing a great job, keep it up, I know your yt channel will be huge someday.
1
Eeeeeh! I've made my first React project by doing a code along with you! Thanks a lot my namesake. Thank you.
4
Its quite a nice Tutorial, easy, simple and I Learn a lot, Now time to redoing it without watching the video
6
Thank you Chris the tutorial is overwhelming
this is so cool!!!! What tips do have you if I wanted to add a description of each movie somewhere on the app?
hy Chris, thanks for this tutorial, very helpful, though the pace was something. great job
Amazing project thankyou so much for this
Nice tutorial! Why don't use one movie List and check by attribute if this movie is favourite? I want to know because you used two lists separately.
Nice tutorial. Very useful. Thank you
Great tut, thanks!
Thank you bro! I really like your content. Keep it up !
Please make a tutorial about using NODE JS with React (Not class comp)
1
im about 15 minute through, following exactly as you have done but for some reason i'm getting this error, has anyone come up against this, Warning: Each child in a list should have a unique "key" prop. it then says check the render method of 'MovieList'